/* Element Plus 暗黑模式样式覆盖 */
html.dark {
  /* 背景色 */
  --el-bg-color: #1a1a1a;
  --el-bg-color-page: #0a0a0a;
  --el-bg-color-overlay: #1a1a1a;
  
  /* 文字颜色 */
  --el-text-color-primary: #e5e5e5;
  --el-text-color-regular: #c0c0c0;
  --el-text-color-secondary: #909090;
  --el-text-color-placeholder: #707070;
  
  /* 边框颜色 */
  --el-border-color: #333333;
  --el-border-color-light: #444444;
  --el-border-color-lighter: #555555;
  --el-border-color-extra-light: #666666;
  
  /* 填充颜色 */
  --el-fill-color: #2a2a2a;
  --el-fill-color-light: #333333;
  --el-fill-color-lighter: #444444;
  --el-fill-color-extra-light: #555555;
  --el-fill-color-blank: #1a1a1a;
  /* body{
    background-color: var(--el-bg-color);
    color: var(--el-text-color-primary);
    transition: background-color 0.3s, color 0.3s;
  } */
  /* 组件特定样式 */
  .el-header {
    background-color: var(--el-bg-color) !important;
    border-bottom: 1px solid var(--el-border-color);
  }
  
  .el-menu {
    background-color: var(--el-bg-color) !important;
    border-bottom: 1px solid var(--el-border-color);
  }
  
  .el-menu-item {
    color: var(--el-text-color-primary) !important;
  }
  
  .el-menu-item:hover {
    background-color: var(--el-fill-color-light) !important;
  }
  
  .el-card {
    background-color: var(--el-bg-color) !important;
    border-color: var(--el-border-color) !important;
    color: var(--el-text-color-primary) !important;
  }
  
  .el-input__inner {
    background-color: var(--el-fill-color-blank) !important;
    border-color: var(--el-border-color) !important;
    color: var(--el-text-color-primary) !important;
  }
  
  .el-table {
    background-color: var(--el-bg-color) !important;
    color: var(--el-text-color-primary) !important;
  }
  
  .el-table th {
    background-color: var(--el-fill-color-light) !important;
    color: var(--el-text-color-primary) !important;
  }
  
  .el-table td {
    border-bottom-color: var(--el-border-color) !important;
  }
  
  .el-pagination {
    background-color: var(--el-bg-color) !important;
    color: var(--el-text-color-primary) !important;
  }
  
  .el-dialog {
    background-color: var(--el-bg-color) !important;
    color: var(--el-text-color-primary) !important;
  }
  
  .el-dialog__header {
    border-bottom: 1px solid var(--el-border-color);
  }
  
  .el-button--default {
    background-color: var(--el-fill-color) !important;
    border-color: var(--el-border-color) !important;
    color: var(--el-text-color-primary) !important;
  }
  
  .el-button--default:hover {
    background-color: var(--el-fill-color-light) !important;
  }
}

/* 过渡动画 */
* {
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}